<a routerLink="/project/edit" class="oc-add-btn" [mdl-tooltip]="'添加项目'" mdl-button mdl-button-type="fab" mdl-colored="accent"
  mdl-ripple>
  <mdl-icon>add</mdl-icon>
</a>

<!-- <mdl-alert
  #confirmAlert
  message="确定删除此项？"
  okText="确定"
  (confirmed)="alertConfirmd()"></mdl-alert> -->

<div class="data-table-container">
  <ngx-datatable [rows]="rows" [columns]="columns" [headerHeight]="40" [rowHeight]="40" [columnMode]="'force'" [headerHeight]="50"
    [footerHeight]="50" [rowHeight]="'auto'" [externalPaging]="true" [messages]="pagerMessage" [count]="count" [offset]="offset"
    [loadingIndicator]="isPageLoading" [limit]="limit" (page)='onPage($event)' class="material fullscreen">
    <!-- <ngx-datatable-column name="id">
      <ng-template let-column="column" ngx-datatable-header-template>
        Id
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        {{ value }}
      </ng-template>
    </ngx-datatable-column> -->
    <ngx-datatable-column name="name">
      <ng-template let-column="column" ngx-datatable-header-template>
        项目名称
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        {{ value }}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="province">
      <ng-template let-column="column" ngx-datatable-header-template>
        所属省份
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        {{ value }}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="city">
      <ng-template let-column="column" ngx-datatable-header-template>
        所属城市
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        {{ value }}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="locationCode">
      <ng-template let-column="column" ngx-datatable-header-template>
        LocationCode
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        {{ value }}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="district">
      <ng-template let-column="column" ngx-datatable-header-template>
        所属辖区
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        {{ value }}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="id">
      <ng-template let-column="column" ngx-datatable-header-template>
        操作
      </ng-template>
      <ng-template let-value="value" ngx-datatable-cell-template>
        <a routerLink="edit/{{ value }}" class="table-action-btn">
            	<i class="material-icons">edit</i>
            </a>
        <a (click)="delete(value)" class="table-action-btn app-delete-btn">
            	<i class="material-icons">delete</i>
            </a>
      </ng-template>
    </ngx-datatable-column>
  </ngx-datatable>
</div>